<template>
  <div>
    <h1>{{ title }}</h1>
    <h1>{{ MyTitle }}</h1>
    <h2>{{name}}  {{age}}</h2>
    <button>这是一个按钮</button>
  </div>
</template>

<script>
export default {
  name: "Header",
  /* 当前组件声明的属性,调用者可以设置属性 */
  /* props是固定的写法，属性的名称可以自定义  */
  props: {
    MyTitle: {
      type: String,  // 属性的类型
      required: false, // 是否是必填的属性
      default: '默认的标题'  // 属性的默认值
    },
    name: {
      type: String
    },
    age: {
      type: Number
    }
  },
  data() {
    return {
      title: 'header页面头'
    }
  }
}
</script>

<style scoped>

</style>
